<template>
  <div class="page-bd pb30">
    <!-- 页面内容-->
    <div class="u_box h380 mb90">
      <div class="u_box_data" style="position: relative;top: -.2rem;">
        <p class="fw600 fs45 mb20">DC 300</p>
        <p>冻结中 (挂卖冻结)：200.000</p>
        <p>可用：100.000</p>
      </div>
      <div class="u_box_list weui-flex">
        <div class="weui-flex__item">
          <p class="fs38 fw500" style="color: #282c37;">568</p>
          <p class="fs26">资产总价值</p>
        </div>
        <div class="weui-flex__item">
          <p class="fs38 fw500" style="color: #282c37;">263</p>
          <p class="fs26">总收入</p>
        </div>
        <div class="weui-flex__item">
          <p class="fs38 fw500" style="color: #282c37;">243</p>
          <p class="fs26">总支出</p>
        </div>
      </div>
    </div>
    <div class="weui-tab" style="height: auto;">
      <div class="weui-navbar bor-1px-b border-after_none">
        <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
          收入
        </a>
        <a class="weui-navbar__item" href="#tab2">
          支出
        </a>
      </div>
      <div class="weui-tab__bd" style="background-color: #fff;">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active" style="height: auto;">
          <div class="weui-cell">
            <div class="weui-cell__bd">
              <div class="weui-cell__bd__title mb10">
                平台充值
              </div>
              <div class="weui-cell__bd__desc">
                <p class="fs24 mb20" style="color: #81879a;">2018-08-20 12:30:20</p>
                <p class="fs26 mb10" style="color: #606470;">流水号</p>
                <p class="fs26" style="color: #606470;">备注</p>
              </div>
            </div>
            <div class="weui-cell__ft">
              <div class="weui-cell__ft__title mb10">
                <p class="fw500 color1 fs30">+5.00</p>
              </div>
              <div class="weui-cell__ft__desc">
                <p class="mb20">&nbsp;</p>
                <p class="fs26 mb10">20180908</p>
                <p class="fs24" style="color: #bababa;">随便说点什么</p>
              </div>
            </div>
          </div>
          <div class="weui-cell">
            <div class="weui-cell__bd">
              <div class="weui-cell__bd__title mb10">
                挖矿奖励
              </div>
              <div class="weui-cell__bd__desc">
                <p class="fs24 mb20" style="color: #81879a;">2018-08-20 12:30:20</p>
                <p class="fs26 mb10" style="color: #606470;">流水号</p>
                <p class="fs26" style="color: #606470;">备注</p>
              </div>
            </div>
            <div class="weui-cell__ft">
              <div class="weui-cell__ft__title mb10">
                <p class="fw500 color1 fs30">+5.00</p>
              </div>
              <div class="weui-cell__ft__desc">
                <p class="mb20">&nbsp;</p>
                <p class="fs26 mb10">20180908</p>
                <p class="fs24">高级矿机</p>
              </div>
            </div>
          </div>

        </div>
        <div id="tab2" class="weui-tab__bd-item" style="height: auto;">
          <div class="weui-cell">
            <div class="weui-cell__bd">
              <div class="weui-cell__bd__title mb10">
                平台充值
              </div>
              <div class="weui-cell__bd__desc">
                <p class="fs24 mb20" style="color: #81879a;">2018-08-20 12:30:20</p>
                <p class="fs26 mb10" style="color: #606470;">挂卖出售</p>
                <p class="fs26" style="color: #606470;">备注</p>
              </div>
            </div>
            <div class="weui-cell__ft">
              <div class="weui-cell__ft__title mb10">
                <p class="fw500 fs30">-5.00</p>
              </div>
              <div class="weui-cell__ft__desc">
                <p class="mb20">&nbsp;</p>
                <p class="fs26 mb10">20180908</p>
                <p class="fs24" style="color: #bababa;">随便说点什么</p>
              </div>
            </div>
          </div>
          <div class="weui-cell">
            <div class="weui-cell__bd">
              <div class="weui-cell__bd__title mb10">
                提币
              </div>
              <div class="weui-cell__bd__desc">
                <p class="fs24 mb20" style="color: #81879a;">2018-08-20 12:30:20</p>
                <p class="fs26 mb10" style="color: #606470;">流水号</p>
                <p class="fs26" style="color: #606470;">备注</p>
              </div>
            </div>
            <div class="weui-cell__ft">
              <div class="weui-cell__ft__title mb10">
                <p class="fw500 fs30">-5.00</p>
              </div>
              <div class="weui-cell__ft__desc">
                <p class="mb20">&nbsp;</p>
                <p class="fs26 mb10">20180908</p>
                <p class="fs24">高级矿机</p>
              </div>
            </div>
          </div>

        </div>

      </div>
    </div>
  </div>

</template>

<script>
  import {mapGetters} from 'vuex';
  export default {
    data() {
      return {

      }
    },
    mounted(){
      this.$store.dispatch("topstatus", true);
    },
  }
</script>

<style scoped>
  .u_box {
    background: url(../assets/u_bg1.png) no-repeat;
    background-size: 100% 100%;
  }
</style>
